:root{
  --main-color: #4d4e53;
  --main-bg: rgb(255, 255, 255);
  --main-bg1:#fc0;
  --logo-border-color: rebeccapurple;
  --bHeight:200px;
  --bWidth:400px;
  --header-height: 68px;
  --content-padding: 10px 20px;
  --box-label:'好东西';
  --margin-xs:5;
  --margin-sm:10;
  --margin-md:15;
  --margin-lg:20;
  --base-line-height: 1.428571429;
  --transition-duration: .35s;
  --external-link: "external link";
  --margin-top: calc(2vh + 20px);
}
:root { --color: blue; }
div { --color: green; }
#alert { --color: red; }
* { color: var(--color); }
body{
    color:var(--main-color);
}
.yel{
    color:var(--main-color);
}
.box{
    height: var(--bHeight);
    width: var(--bWidth);
    margin:calc(var(--margin-md) * 1px);
    background-color: var(--main-bg1);
}
.box:before{
    content:var(--box-label)' 值得你拥有';
}